/* eslint-disable react/prop-types */
// 兄弟组件通信最核心的操作就是  状态提升！！！
// 类组件
import React from 'react'

function Jack(props) {
  return (
    <h2>我是Jack子组合----{props.count}</h2>
  )
}
class Rose extends React.Component {
  render() {
    return (
      <>
        <h3>我是Rose子组件</h3>
        <button onClick={this.props.updateCount}>我是rose组件要修改兄弟组件jack的数据</button>
      </>
    )
  }
}

// 父组件App
class App extends React.Component {
  state = {
    count: 1
  }
  updateCount = () => {
    // 类组件里面修改数据，需要使用this.setState
    this.setState({
      count: this.state.count + 1
    })
  }
  render() {
    return (
      <>
        <Jack count={this.state.count} />
        <div>我是父组件的分割线</div>
        <Rose updateCount={this.updateCount} />
      </>
    )
  }
}

export default App